<template name="skeleton">
    <view class="sk-container">
        <view class="data-v-f0a9f5ba">
            <view class="data-v-f0a9f5ba">
                <view class="u-swiper-wrap banner--u-swiper-wrap data-v-82373f7e banner--data-v-82373f7e">
                    <swiper autoplay="false" circular="true" class="data-v-82373f7e banner--data-v-82373f7e" current="0" data-event-opts="change,change,$event" duration="500" interval="3000" style="height:414px;background-color:#f3f4f6;"></swiper>
                    <view class="u-swiper-indicator banner--u-swiper-indicator data-v-82373f7e banner--data-v-82373f7e">
                        <view class="u-indicator-item-number banner--u-indicator-item-number data-v-82373f7e banner--data-v-82373f7e sk-transparent sk-text-0-0000-122 sk-text">1/0</view>
                    </view>
                </view>
            </view>
            <view class="data-v-f0a9f5ba">
                <view class="detail-basic-information information--detail-basic-information data-v-1d870588 information--data-v-1d870588">
                    <view class="he-top information--he-top data-v-1d870588 information--data-v-1d870588">
                        <text class="he-price information--he-price data-v-1d870588 information--data-v-1d870588 sk-transparent sk-text-14-2857-311 sk-text"></text>
                        <text class="he-old-price information--he-old-price data-v-1d870588 information--data-v-1d870588 sk-transparent sk-text-14-2857-822 sk-text" style="text-decoration-color: transparent;">¥15.00</text>
                        <text class="fr information--fr he-sale information--he-sale data-v-1d870588 information--data-v-1d870588 sk-transparent sk-text-14-2857-339 sk-text">已售2162克</text>
                    </view>
                    <view class="he-bottom information--he-bottom flex information--flex justify-between information--justify-between data-v-1d870588 information--data-v-1d870588">
                        <text class="he-name information--he-name data-v-1d870588 information--data-v-1d870588 sk-transparent sk-text-10-5263-277 sk-text">中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国</text>
                        <view class="he-share information--he-share flex information--flex flex-direction information--flex-direction align-center information--align-center justify-between information--justify-between data-v-1d870588 information--data-v-1d870588">
                            <view class="iconfont information--iconfont iconproductdetails_share information--iconproductdetails_share data-v-1d870588 information--data-v-1d870588 sk-pseudo sk-pseudo-circle"></view>
                            <text class="he-share__text information--he-share__text data-v-1d870588 information--data-v-1d870588 sk-transparent sk-text-14-2857-951 sk-text">分享</text>
                        </view>
                    </view>
                </view>
            </view>
            <view  class="data-v-f0a9f5ba">
                <view class="detail-parameter parameter--detail-parameter data-v-0277cfb8 parameter--data-v-0277cfb8">
                    <view class="he-top parameter--he-top data-v-0277cfb8 parameter--data-v-0277cfb8">
                        <view class="he-item parameter--he-item flex parameter--flex justify-between parameter--justify-between align-center parameter--align-center data-v-0277cfb8 parameter--data-v-0277cfb8">
                            <view class="data-v-0277cfb8 parameter--data-v-0277cfb8">
                                <text class="he-item__label parameter--he-item__label data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-219 sk-text">规格</text>
                                <text class="he-item__value parameter--he-item__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-486 sk-text">已选:白色/S</text>
                            </view>
                            <view class="iconfont parameter--iconfont iconbtn_arrow parameter--iconbtn_arrow data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></view>
                        </view>
                        <view class="he-item parameter--he-item flex parameter--flex justify-between parameter--justify-between align-center parameter--align-center data-v-0277cfb8 parameter--data-v-0277cfb8">
                            <view class="data-v-0277cfb8 parameter--data-v-0277cfb8">
                                <text class="he-item__label parameter--he-item__label data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-890 sk-text">运费</text>
                                <text class="he-item__value parameter--he-item__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-404 sk-text">送至北京东城区</text>
                            </view>
                            <view class="iconfont parameter--iconfont iconbtn_arrow parameter--iconbtn_arrow data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></view>
                        </view>
                        <view class="he-item parameter--he-item flex parameter--flex justify-between parameter--justify-between align-center parameter--align-center data-v-0277cfb8 parameter--data-v-0277cfb8">
                            <view class="data-v-0277cfb8 parameter--data-v-0277cfb8">
                                <text class="he-item__label parameter--he-item__label data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-276 sk-text">包邮</text>
                                <text class="he-item__value parameter--he-item__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-185 sk-text">满¥99部分地区包邮</text>
                            </view>
                            <view class="iconfont parameter--iconfont iconbtn_arrow parameter--iconbtn_arrow data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></view>
                        </view>
                    </view>
                    <view class="he-bottom parameter--he-bottom data-v-0277cfb8 parameter--data-v-0277cfb8" style="border: none;">
                        <view class="he-item parameter--he-item flex parameter--flex justify-between parameter--justify-between align-center parameter--align-center data-v-0277cfb8 parameter--data-v-0277cfb8">
                            <view class="data-v-0277cfb8 parameter--data-v-0277cfb8">
                                <text class="iconfont parameter--iconfont iconproductdetails_goodsservices parameter--iconproductdetails_goodsservices data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></text>
                                <text class="he-item__label parameter--he-item__label he-serve__value parameter--he-serve__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-636 sk-text">七天无理由退换货</text>
                                <text class="iconfont parameter--iconfont iconproductdetails_goodsservices parameter--iconproductdetails_goodsservices data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></text>
                                <text class="he-item__label parameter--he-item__label he-serve__value parameter--he-serve__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-453 sk-text">20天超长售后</text>
                                <text class="iconfont parameter--iconfont iconproductdetails_goodsservices parameter--iconproductdetails_goodsservices data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></text>
                                <text class="he-item__label parameter--he-item__label he-serve__value parameter--he-serve__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-685 sk-text">正品保障</text>
                            </view>
                            <view class="iconfont parameter--iconfont iconbtn_arrow parameter--iconbtn_arrow data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></view>
                        </view>
                    </view>
                </view>
            </view>
            <view  class="data-v-f0a9f5ba">
                <view class="detail-evaluation evaluation--detail-evaluation data-v-87d04c5e evaluation--data-v-87d04c5e">
                    <view class="he-top evaluation--he-top flex evaluation--flex justify-between evaluation--justify-between align-center evaluation--align-center data-v-87d04c5e evaluation--data-v-87d04c5e">
                        <view class="flex evaluation--flex align-center evaluation--align-center data-v-87d04c5e evaluation--data-v-87d04c5e">
                            <view class="he-sign evaluation--he-sign data-v-87d04c5e evaluation--data-v-87d04c5e"></view>
                            <view class="he-title evaluation--he-title data-v-87d04c5e evaluation--data-v-87d04c5e">
                                <text class="data-v-87d04c5e evaluation--data-v-87d04c5e sk-transparent sk-text-14-2857-725 sk-text">评价</text>
                                <text class="he-number evaluation--he-number data-v-87d04c5e evaluation--data-v-87d04c5e sk-transparent sk-text-14-2857-467 sk-text">(6523)</text>
                            </view>
                        </view>
                        <view class="flex evaluation--flex justify-center evaluation--justify-center align-center evaluation--align-center data-v-87d04c5e evaluation--data-v-87d04c5e" data-event-opts="tap,navigateTo,$event">
                            <text class="he-more evaluation--he-more data-v-87d04c5e evaluation--data-v-87d04c5e sk-transparent sk-text-14-2857-10 sk-text">查看全部</text>
                            <view class="iconfont evaluation--iconfont iconbtn_arrow evaluation--iconbtn_arrow data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
                        </view>
                    </view>
                    <view class="he-center evaluation--he-center flex evaluation--flex justify-between evaluation--justify-between align-center evaluation--align-center data-v-87d04c5e evaluation--data-v-87d04c5e">
                        <view class="flex evaluation--flex align-center evaluation--align-center data-v-87d04c5e evaluation--data-v-87d04c5e">
                            <view class="he-avatar evaluation--he-avatar data-v-87d04c5e evaluation--data-v-87d04c5e"></view>
                            <view class="he-name evaluation--he-name data-v-87d04c5e evaluation--data-v-87d04c5e sk-transparent sk-text-14-2857-354 sk-text">摩**莲</view>
                        </view>
                        <view class="flex evaluation--flex data-v-87d04c5e evaluation--data-v-87d04c5e">
                            <view class="iconfont evaluation--iconfont iconevaluate_star evaluation--iconevaluate_star data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
                            <view class="iconfont evaluation--iconfont iconevaluate_star evaluation--iconevaluate_star data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
                            <view class="iconfont evaluation--iconfont iconevaluate_star evaluation--iconevaluate_star data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
                            <view class="iconfont evaluation--iconfont iconevaluate_star evaluation--iconevaluate_star data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
                            <view class="iconfont evaluation--iconfont iconevaluate_star evaluation--iconevaluate_star data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    name: "detail-skeleton"
}
</script>

<style >
.sk-transparent {
    color: transparent !important;
}
.sk-text-0-0000-122 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 25.3623px;
    position: relative !important;
}
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
}
.sk-text-14-2857-311 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 40.5797px;
    position: relative !important;
}
.sk-text-14-2857-822 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.9710px;
    position: relative !important;
}
.sk-text-14-2857-339 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.9710px;
    position: relative !important;
}
.sk-text-10-5263-277 {
    background-image: linear-gradient(transparent 10.5263%, #EEEEEE 0%, #EEEEEE 89.4737%, transparent 0%) !important;
    background-size: 100% 34.4203px;
    position: relative !important;
}
.sk-text-14-2857-951 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 27.8986px;
    position: relative !important;
}
.sk-text-14-2857-219 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.9710px;
    position: relative !important;
}
.sk-text-14-2857-486 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.9710px;
    position: relative !important;
}
.sk-text-14-2857-890 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.9710px;
    position: relative !important;
}
.sk-text-14-2857-404 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.9710px;
    position: relative !important;
}
.sk-text-14-2857-276 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.9710px;
    position: relative !important;
}
.sk-text-14-2857-185 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.9710px;
    position: relative !important;
}
.sk-text-14-2857-636 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.4348px;
    position: relative !important;
}
.sk-text-14-2857-453 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.4348px;
    position: relative !important;
}
.sk-text-14-2857-685 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.4348px;
    position: relative !important;
}
.sk-text-14-2857-725 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 38.0435px;
    position: relative !important;
}
.sk-text-14-2857-467 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 38.0435px;
    position: relative !important;
}
.sk-text-14-2857-10 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.9710px;
    position: relative !important;
}
.sk-text-14-2857-354 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.9710px;
    position: relative !important;
}
.sk-pseudo::before, .sk-pseudo::after {
    background: #EFEFEF !important;
    background-image: none !important;
    color: transparent !important;
    border-color: transparent !important;
}
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
    border-radius: 0 !important;
}
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
    border-radius: 50% !important;
}
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
}

</style>